.popup{
	position: absolute;
	width: 100%;
	height: 70%;
	bottom: 0;
	z-index: 900;
	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
	overflow:auto;
	background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
}

.popup_title_container{
	height: 0.58rem;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 9999;
	text-align: center;
	padding: 0.15rem 0;
	font-size: 0.18rem;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color: #ffffff;
}

.popup_title_container:before{
	content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}

.popup_title_container:after{
	content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}

.popup_title_container a{
	display: block;
	position: absolute;
	left: 0.1rem;
	top: 0;
	bottom: 0;
	font-size: 0.16rem;
	padding:0.17rem 0 0.15rem;
	color: red;
}

.popup_content{
	overflow: auto; 
	position:absolute; 
	top:0.58rem; 
	bottom:0rem;
	padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@-webkit-keyframes popup_slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes popup_slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.popup_up {
  -webkit-animation: popup_slideUp ease .3s forwards;
          animation: popup_slideUp ease .3s forwards;
}

@-webkit-keyframes popup_slideDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes popup_slideDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.popup_down {
  -webkit-animation: popup_slideDown ease .3s forwards;
  animation: popup_slideDown ease .3s forwards;
}

